<template lang="pug">
view.cart-warp
  .flex.flex-col.text-white.items-center.mx-6
    .i-lucide-home.text-xl.mb-1
    .text-xs.opacity-75  首页
 
  .flex.flex-col.text-white.items-center.mr-6
    .i-lucide-shopping-cart.text-xl.mb-1
    .text-xs.opacity-75 购物车
  .btn-warp
    .cart-btn 加入购物车
    .buy-btn 立即购买
    
    
</template>
<script setup>
import { useCartStore } from "@/stores/cart";
const cartStore = useCartStore();

</script>
<style scoped lang="scss">
.cart-warp{
  @apply  rounded-full bg-neutral-600 fixed mx-auto bottom-[3vw] w-[94vw] right-[3vw] flex items-center justify-between ;
}
.btn-warp{
  @apply flex-1 flex text-white rounded-full bg-yellow-400 h-[55px] m-1 overflow-hidden;
  .cart-btn{
    @apply flex-1 text-center leading-[55px]
  }
  .buy-btn{
    @apply flex-1 text-center leading-[55px] bg-orange-500
  }
}
</style>